// The Vue build version to load with the `import` command
// (runtime-only or standalone) has been set in webpack.base.conf with an alias.
import Vue from 'vue'
import iView from 'iview';
import 'iview/dist/styles/iview.css';
import App from './App'
import router from './router'
import AmazeVue from 'amaze-vue';
import 'amaze-vue/dist/amaze-vue.css';
require('./assets/css/main.css');
Vue.use(AmazeVue);
import vuescroll from 'vuescroll/dist/vuescroll-native';
import 'vuescroll/dist/vuescroll.css';
 
//设置滚动条全局配置
Vue.use(vuescroll, {
	ops: {
		 vuescroll: {
			 mode: 'native',
			 sizeStrategy: 'percent',
			 detectResize: true,
			 /** 锁定一种滚动方向， 锁定的方向为水平或者垂直方向上滑动距离较大的那个方向 */
			 locking: true},
		 scrollPanel: {
			 initialScrollY: false,
			 initialScrollX: false,
			 scrollingX: true,
			 scrollingY: true,
			 speed: 10000,
			 easing:'easeInOutQuart'
		 },
		 rail: {},
		 bar: {}		
  }, 
  name: 'vueScroll' // vueScroll
});
Vue.config.productionTip = false

Vue.use(iView, {
  transfer: true,
  size: 'large',
  select: {
      arrow: 'md-arrow-dropdown',
      arrowSize: 20
  }
});

/* eslint-disable no-new */
new Vue({
  el: '#app',
  router,
  components: { App },
  template: '<App/>',

  // computed: {
  //   abc: function(){
  //     return require ('./components/Login.vue');
  //   }
  // },

  // render (h) {
  //   return h(this.abc)
  // }
})